<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>11-hide.js</title>
    <script src="../common.js"></script>
    <script>
    addEvent(window, 'load', function() {
       addEvent(document.getElementsByTagName('button')[0], 'click', function() {
           hide(document.getElementsByTagName('li')[1]);
       });

       addEvent(document.getElementsByTagName('button')[1], 'click', function() {
           show(document.getElementsByTagName('li')[1]);
       }); 
    });
    </script>
</head>
<body>
    
    <ul>
        <li class="list_1">Lorem ipsum dolor sit.</li>
        <li class="list_2">Ratione laborum minima delectus.</li>
        <li class="list_3">Eaque molestias animi pariatur?</li>
        <li class="list_4">Expedita magni impedit quia?</li>
        <li class="list_5">Consectetur eaque porro dicta.</li>
    </ul>

    <button type="text/button" class="hide">hide</button>
    <button type="text/button" class="show">show</button>
</body>
</html>